<template>
    <view>
        <view class="cancel" @click="back">
            <image
                class="icon"
                src="@/static/index/cancel.png"
                mode="scaleToFill"
            />
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {
        back() {
            uni.navigateBack({});
        },
    },
    onLoad() {},
};
</script>

<style lang="scss" scoped>
.cancel {
    width: 60rpx;
    height: 60rpx;
    background: #fff;
    border-radius: 50%;
    position: fixed;
    top: 80rpx;
    left: 30rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    .icon {
        width: 24rpx;
        height: 24rpx;
    }
    z-index: 1;
}
</style>
